<template>
	<view>
		<van-tabs sticky title-active-color='#000' line-color="#000">
			<van-tab title="全部">
				<view class="alltext">
					<view class="name_all">
						密室逃脱高薪兼职npc名称xxx
					</view>
					<view class="all_center">
						<view class="">
							<view class="diwei">
								<img src="/static/images/partTime/locateIcon.png" class="locateIcon" />
								<view class="dizhi_txet">
									成都市武侯区天府大道工作地点xx
								</view>
							</view>
						</view>
						<view class="all_center_right">
							<view class="all_center_buttun">
								<view class="">
									<img src="/static/images/使用文档.png" alt="" class="locateIcons" />
								</view>
								<view class="text_cneter">
									待入职
								</view>
							</view>
							<view class="">
								>
								<!-- <img src="/static/images/箭头.png" alt="" class="locateIcon" /> -->
							</view>
						</view>
					</view>
					<view class="all_foot">
						<view class="price">
							200-400元/天
						</view>
						<view class="all_time">
							2025-3-14 14:00
						</view>
					</view>
				</view>
			</van-tab>
			<van-tab title="待录取">
				<view class="alltext">
					<view class="name_all">
						密室逃脱高薪兼职npc名称xxx
					</view>
					<view class="all_center">
						<view class="">
							<view class="diwei">
								<img src="/static/images/partTime/locateIcon.png" class="locateIcon" />
								<view class="dizhi_txet">
									成都市武侯区天府大道工作地点xx
								</view>
							</view>
						</view>
						<view class="all_center_right">
							<view class="all_center_buttun luqu">
								<view class="">
									<img src="/static/images/时间.png" alt="" class="locateIcons" />
								</view>
								<view class="text_cneter">
									待录取
								</view>
							</view>
							<view class="">
								>
								<!-- <img src="/static/images/箭头.png" alt="" class="locateIcon" /> -->
							</view>
						</view>
					</view>
					<view class="all_foot">
						<view class="price">
							200-400元/天
						</view>
						<view class="all_time">
							2025-3-14 14:00
						</view>
					</view>
				</view>
			</van-tab>
			<van-tab title="待入职">
				<view class="alltext">
					<view class="name_all">
						密室逃脱高薪兼职npc名称xxx
					</view>
					<view class="all_center">
						<view class="">
							<view class="diwei">
								<img src="/static/images/partTime/locateIcon.png" class="locateIcon" />
								<view class="dizhi_txet">
									成都市武侯区天府大道工作地点xx
								</view>
							</view>
						</view>
						<view class="all_center_right">
							<view class="all_center_buttun">
								<view class="">
									<img src="/static/images/使用文档.png" alt="" class="locateIcons" />
								</view>
								<view class="text_cneter">
									待入职
								</view>
							</view>
							<view class="">
								>
								<!-- <img src="/static/images/箭头.png" alt="" class="locateIcon" /> -->
							</view>
						</view>
					</view>
					<view class="all_foot">
						<view class="price">
							200-400元/天
						</view>
						<view class="all_time">
							2025-3-14 14:00
						</view>
					</view>
				</view>
			</van-tab>
			<van-tab title="待评价">
				<view class="alltext">
					<view class="name_all">
						密室逃脱高薪兼职npc名称xxx
					</view>
					<view class="all_center">
						<view class="">
							<view class="diwei">
								<img src="/static/images/partTime/locateIcon.png" class="locateIcon" />
								<view class="dizhi_txet">
									成都市武侯区天府大道工作地点xx
								</view>
							</view>
						</view>
						<view class="all_center_right pingjia">
							<view class="all_center_buttun">
								<view class="">
									<img src="/static/images/笔.png" alt="" class="locateIcons" />
								</view>
								<view class="text_cneter">
									待评价
								</view>
							</view>
							<view class="">
								>
								<!-- <img src="/static/images/箭头.png" alt="" class="locateIcon" /> -->
							</view>
						</view>
					</view>
					<view class="all_foot">
						<view class="price">
							200-400元/天
						</view>
						<view class="all_time">
							2025-3-14 14:00
						</view>
					</view>
				</view>
			</van-tab>
			<van-tab title="已结束">
				<view class="alltext">
					<view class="name_all">
						密室逃脱高薪兼职npc名称xxx
					</view>
					<view class="all_center">
						<view class="">
							<view class="diwei">
								<img src="/static/images/partTime/locateIcon.png" class="locateIcon" />
								<view class="dizhi_txet">
									成都市武侯区天府大道工作地点xx
								</view>
							</view>
						</view>
						<view class="all_center_right jieshu">
							<view class="all_center_buttun">
								<view class="">
									<img src="/static/images/差号.png" alt="" class="locateIcons" />
								</view>
								<view class="text_cneter">
									已结束
								</view>
							</view>
							<view class="">
								>
								<!-- <img src="/static/images/箭头.png" alt="" class="locateIcon" /> -->
							</view>
						</view>
					</view>
					<view class="all_foot">
						<view class="price">
							200-400元/天
						</view>
						<view class="all_time">
							2025-3-14 14:00
						</view>
					</view>
				</view>
			</van-tab>
		</van-tabs>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},

		methods: {

		}
	}
</script>

<style lang="scss">
	.alltext {
		margin: 10px 10px 0px 10px;
		padding: 10px;
		background-color: #fff;
		border-radius: 5px;

		.all_foot {
			display: flex;
			justify-content: space-between;

			.price {
				color: #735250;
				font-size: 12px;
			}

			.all_time {
				font-size: 10px;
				color: #ccc;
			}
		}

		.name_all {
			color: #000;
			font-size: 12px;
		}

		.all_center {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 10rpx 0rpx 10rpx 0rpx;

			.diwei {
				display: flex;
				align-items: center;

				.dizhi_txet {
					font-size: 10px;
					color: #ccc;
				}
			}

			.all_center_right {
				display: flex;
				align-items: center;

				.all_center_buttun {
					height: 25px;
					width: 60px;
					font-size: 12px;
					color: #fff;
					border-radius: 30px;
					background-color: #087582;
					display: flex;
					align-items: center;
					justify-content: center;
					margin-right: 30rpx;

					.locateIcons {
						width: 25rpx;
						height: 25rpx;
						padding-top: 8rpx;
						padding-right: 5rpx;
					}

					.text_cneter {
						font-size: 10px;
						color: #fff;
					}

				}

				.luqu {
					background-color: #b2a685;
				}

				.pingjia {
					background-color: #bac9e0;
				}

				.jieshu {
					background-color: #eeeeee;
				}

			}
		}
	}

	.locateIcon {
		width: 35rpx;
		height: 35rpx;
		vertical-align: middle
	}

	.example-body {
		display: flex;
		padding: 10px 15px;
	}

	/* #ifdef MP-ALIPAY */
	.uni-fav {
		margin-left: 20rpx;
	}

	/* #endif */


	.favBtn {
		margin: 0 20rpx 20rpx 0;
	}


	.example-body-fullWidth {
		padding: 32rpx 0;
	}

	.example-body-first {
		/* #ifndef APP-PLUS-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		justify-content: flex-start;
	}

	.favBtn-nav {
		// left:-50rpx;
	}
</style>